<template>
  <ul>
    <li v-for="p in newArr" :key="p.id">
      {{ p.name }}---{{ p.gender }}---{{ p.age }}
    </li>
  </ul>
</template>

<script>
export default {
  name: "for",
  data() {
    return {
      newArr: [
        { id: 785, name: "张三", gender: "男", age: 23 },
        { id: 546, name: "李四", gender: "女", age: 23 },
        { id: 897, name: "王五", gender: "女", age: 23 },
        { id: 564, name: "赵六", gender: "男", age: 23 },
      ],
    };
  },
};
</script>

<style scoped>
</style>